<template>
  <div class="son">
    <div>子组件 {{aaaa}}, {{bb}}</div>
    <div>
      <button @click="fn">子组件想修改父组件的count数据</button>
    </div>
  </div>
</template>

<script>
export default {
  // 别人给我们组件的值，只能用 不能改。vue里面数据的唯一性
  props: ['aaaa', 'bb'],
  // 在组件里面只能自己改自己的数据，data就是自己的，props就是别人
  data() {
    return {}
  },
  methods: {
    fn() {
      // 现在的需求就是子组件就想改父组件的数据？
      // this.aaaa++
      //  this.aaaa = this.aaaa + 1
      // 子组件通知父组件，让父组件自己去修改数据
      this.$emit('updatexxxx', this.aaaa + 1)
    }
  }
}
</script>

<style scoped>
.son {
  border: 1px solid red;
  padding: 15px;
}
</style>